<template>
	<view class="suc">
		<image class="imgs" :src="type?'../../static/images/success.png':'../../static/images/falid.png'"></image>
		<view class="text">{{type?'充值成功':'充值失败'}}</view>
		<view class="text2">{{type?'积分已发送至当前账户':'请检查订单并重新支付'}}</view>
		<view class="btn_box">
			<view class="btn">回到首页</view>
			<view class="btn btn2">{{type?'再次充值':'重新支付'}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type:true
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
html,body{
		background: #FFFFFF !important;
	}
	uni-page-body{
		background: #FFFFFF !important;
	}
	.suc{
		padding-top:80rpx;
	}
	.imgs{
		display: block;
		width: 146rpx;
		height: 148rpx;
		margin:0 auto;
	}
	.text{
		text-align: center;
		font-size: 36rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 600;
		color: #111111;
		margin-top:;
	}
	.text2{
		text-align: center;;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #111111;
		margin-top:24rpx;
	}
	.btn_box{
		margin-top:48rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.btn{
		width: 280rpx;
		height: 92rpx;
		border-radius: 46rpx;
		border: 2rpx solid #CCCCCC;
		font-size: 32rpx;
		font-family: SourceHanSansCN-Regular, SourceHanSansCN;
		font-weight: 400;
		color: #999999;
		text-align: center;
		line-height: 92rpx;
		margin:0 11rpx;
	}
	.btn2{
		color:#111111;
		background:#FBB03B;
		border: 2rpx solid #FBB03B;
	}
</style>
